<template>
    <div class="manage_content">
        <div class="search">
            <el-form :inline="true" class="demo-form-inline">
                <el-form-item label="用户昵称：">
                    <el-input v-model="searchData.ui_nickname" placeholder="用户昵称"></el-input>
                </el-form-item>
                <el-form-item label="订单编号：">
                    <el-input v-model="searchData.utl_order_number" placeholder="订单编号"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">查询</el-button>
                </el-form-item>
            </el-form>
        </div>
        <div class="content_table">
            <table-element :tableData='tableData' @msg='acquire'></table-element>
            <el-pagination v-if="tableData.data.length>0" :page-sizes="pageSizes" :page-size="page.page_limit" layout="sizes, prev, pager, next" :total="pageTotal" @size-change="handleSizeChange" @current-change='changePage'>
            </el-pagination>
        </div>
    </div>
</template>

<style scoped>
.manage_content {
    padding: 20px;
}

.search {
    padding-bottom: 20px;
}

.el-pagination {
    padding: 20px;
}

content_table.el-pagination--small.el-pager li {
    /* font: 1em sans-serif; */
    font-size: 20px;
}

img {
    display: block;
    width: 300px;
}
</style>

<script src='../../directive/content/order_manage.js'></script>


